Remember the last time you went to a supermarket? 🛒
It has a lot more in common with how designers use grids and layouts in their designs.
Lets understand the importance of grids and layouts through supermarket perspective.
🍋 Organized Designs.
You walk into a supermarket and the first thing you notice is everything is organized. This gives a sense of calm and positive experience when you stroll.
Grids will keep your elements aligned and ordered, and thus your design clean, neat and visually appealing.
🍉 Collaborating made easier.
Since everything is categorized and stacked at specific places, all the store members can contribute in arranging the items.
Similarly, if you have a solid grid set up in your design and a new designer jumps in, they will be able to see how you’ve set it up and how you intend to position the elements. There will be less back and forth messages about things like “How wide should the column be? How far over from the previous column of type should I place it?”
🍎 Maximized product space.
Ever seen a vacant corner or space in a supermarket ? No, right ?
Grids will help maximize every inch of available space systematically.
🥝 Cohesivness
Visited Dmart in different cities ? Suprisingly, each one looks similar ? This is because of the predefined layout.
By establishing a grid for your layout, that very grid will be transferrable from page to page, making it much easier for you to maintain cohesiveness throughout your pages.
🍓 Breaking grid for an extra impact.
How many times have you seen items with discounts and offers placed right at the entrance of the store instead of their predefined racks ?
By breaking the grid you can draw focus toward certain elements and create a memorable, effective design while rest of your content is clean, organized, and beautifully aligned.
What are your thoughts about this ? Put in comments.
It has a lot more in common with how designers use grids and layouts in their designs.
Lets understand the importance of grids and layouts through supermarket perspective.
🍋 Organized Designs.
You walk into a supermarket and the first thing you notice is everything is organized. This gives a sense of calm and positive experience when you stroll.
Grids will keep your elements aligned and ordered, and thus your design clean, neat and visually appealing.
🍉 Collaborating made easier.
Since everything is categorized and stacked at specific places, all the store members can contribute in arranging the items.
Similarly, if you have a solid grid set up in your design and a new designer jumps in, they will be able to see how you’ve set it up and how you intend to position the elements. There will be less back and forth messages about things like “How wide should the column be? How far over from the previous column of type should I place it?”
🍎 Maximized product space.
Ever seen a vacant corner or space in a supermarket ? No, right ?
Grids will help maximize every inch of available space systematically.
🥝 Cohesivness
Visited Dmart in different cities ? Suprisingly, each one looks similar ? This is because of the predefined layout.
By establishing a grid for your layout, that very grid will be transferrable from page to page, making it much easier for you to maintain cohesiveness throughout your pages.
🍓 Breaking grid for an extra impact.
How many times have you seen items with discounts and offers placed right at the entrance of the store instead of their predefined racks ?
By breaking the grid you can draw focus toward certain elements and create a memorable, effective design while rest of your content is clean, organized, and beautifully aligned.
What are your thoughts about this ? Put in comments.
